<html>
<head>
</head>
<body>
    <style>
        /* http://www.css3.info/preview/box-shadow/ */
        body {
            background-color: black;
        }
        div {
            margin: 6em;
            width: 644px;
            height: 404px;
            border: 1px solid black;

            box-shadow: 
                
                /*-190px -150px   50px -180px yellow, 
                -190px -120px   50px -180px red, 
                -190px  -90px   50px -180px blue ,
                -190px  -60px   50px -180px white ,
                -190px -30px    50px -180px purple,
                -190px -0px     50px -180px lime,
                
                
                190px -150px   50px -180px yellow, 
                190px -120px   50px -180px red, 
                190px  -90px   50px -180px blue ,
                190px  -60px   50px -180px white ,
                190px -30px    50px -180px purple,
                190px -0px     50px -180px lime*/
                
                
-180px -150px 40px -180px #00aaaa, 
-180px -120px 50px -180px #00aaaa, 
-180px -90px  60px -180px #00aaaa, 
-180px -60px  60px -180px #ffffff, 
-180px -30px  60px -180px #ffffff, 
-180px 0px    40px -180px #ffffff, 
-180px 30px   20px -180px #000000, 

180px -150px 50px -180px #555555, 
180px -120px 50px -180px #ffff55, 
180px -90px 50px -180px #00aaaa, 
180px -60px 50px -180px #00aaaa, 
180px -30px 50px -180px #ffff55, 
180px 0px 50px -180px #aa0000, 
180px 30px 50px -180px #555555 

                ;



        }
    </style>
    <center>
        <div>
            <img src="TestShadows.png" />
            
        </div>
  </center>
</body>
</html>
